var treePanel = {
		html: 'Organisation structure',
		title: 'Organisation structure',
		region: 'west',
		minSize   : 250,
		autoScroll: true,
		animate   : true
}

var mainInfTab = {
		html: 'Main Info Tab',
		title: 'Main Info',
}

var additIntTab = {
		html: 'Additional Info Tab',
		title: 'Additional Info'
}

var infoTab = new Ext.TabPanel({
		activeItem: 0,
		//frame: true,
		//layout: 'card',
        defaults: {autoHeight: true},
		id: 'infoTab',
		items: [
		        mainInfTab,
		        additIntTab
		        ]
});

var infoPanel = new Ext.Panel({
	title: 'Information',
	id: 'infoPanel',
	//layout: 'card',
	region: 'center',
	items: infoTab
});

var mainWin = new Ext.Viewport({
	id:'mainWindow',
    title: 'Personal Information Manager',
	layout: 'border',
	items: [
	        treePanel,
	        infoPanel
	        ]
});
mainWin.show();